<template>
  <div id="think">
    <!-- <div class="bar">
      <img src="./images/logo.png" alt="" />
    </div> -->
    <img class="thank_ok" src="./images/thank_ok.png" alt="" />
    <img class="thank_bottom" src="./images/thank_bottom.png" alt="" />
  </div>
</template>

<script>
export default {
  name: 'Thank',
  components: {},
  props: {},
  data () {
    return {}
  },
  computed: {},
  watch: {},
  created () { },
  mounted () { },
  methods: {}
}
</script>

<style lang='less' scoped>
#think {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #056dae;
  overflow: hidden;
  .bar {
    height: 35px;
    z-index: 40;
    position: absolute;
    top: 20px;
    right: 0;
    left: 35px;
    img {
      height: 35px;
    }
  }
  .thank_ok {
    width: 55%;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 35%;
  }
  .thank_bottom {
    width: 110%;
    position: absolute;
    bottom: 0;
    right: -40%;
  }
}
</style>
